<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles"
        prefix="tiles"%>	


	<rich:dataTable id="transData" var="transaction" value="#{adminMemberAgreementPointEnquiryBean.memberTransactionList}" rows="20" width="99%">
		  <f:facet name="header">
			 <rich:columnGroup>
					<rich:column>
					   <h:outputText value="#{messages['date']}"></h:outputText>
					</rich:column>
					<rich:column>
					   <h:outputText value="#{messages['transaction.desc']}"></h:outputText>
					</rich:column>
					<rich:column>
					   <h:outputText value="#{messages['entitlement.balance']}"></h:outputText>
					</rich:column> 
			 </rich:columnGroup>
			
		</f:facet>
			<rich:column style="text-align:center;width:15%;">
						<h:outputText value="#{transaction.transactionDate}">
							<f:convertDateTime pattern="dd/MM/yyyy h:mm:s a" timeZone="Asia/Kuala_Lumpur"/>
						</h:outputText>
			</rich:column>
			<rich:column style="text-align:center;width:35%;">
						<h:outputText value="#{transaction.transactionDesc}"></h:outputText>
			</rich:column>		
			
			<rich:column style="text-align:center;width:55%;">
			  <t:dataTable var="d" value="#{adminMemberAgreementPointEnquiryBean.singleEmptyList}" align="left" border="0" width="100%" >
				<t:columns var="item" value="#{transaction.memberTransactionEntitlementList}"  >
					<h:panelGrid columns="2"   >
					   <h:outputText value="#{item.pointCategory.name}" styleClass="dr-table-cell rich-table-cell"></h:outputText>
					   <h:outputText value="(#{messages['reserved']})" styleClass="dr-table-cell rich-table-cell"></h:outputText>		
					   <h:outputText value="#{item.pointBalance}" styleClass="dr-table-cell rich-table-cell"></h:outputText>
					   <h:outputText value="(#{item.reservedPoint})" styleClass="dr-table-cell rich-table-cell"></h:outputText>
                      
					</h:panelGrid>
				</t:columns>
			  </t:dataTable>
			</rich:column>
		</rich:dataTable>
    <rich:spacer height="10" />
	<rich:datascroller align="left"  for="transData" maxPages="20"  renderIfSinglePage="false" />